<template>
  <div :class="[prefixCls, 'flex items-center']" v-if="info">
    <div class="rounded-full h-2 w-2 mr-1" :style="{ background: info.gbColor }"></div>
    <span :style="{ color: info.color }">{{ info.label }}</span>
  </div>
</template>

<script lang="ts" setup name="Round">
  import { useDesign } from '/@/hooks/web/useDesign';
  const { prefixCls } = useDesign('Round');
  defineProps<{
    info?: Recordable;
  }>();
</script>
<style lang="less" scoped></style>
